<template>
    <div class='first-page'>
        <p>子组建使用父级的属性：{{ cont }}</p>
        <button @click="fn">子级点击修改父级属性</button>
    </div>
</template>

<script>
export default {
    name: 'first-page',
    /**
    * 定义组件的data函数，用于声明组件内部的状态。
    * 
    * @returns {Object} 返回一个对象，其中包含组件内部的状态。这些状态将在组件的生命周期内被管理和使用。
    */
    data() {
        return {
            msg: ""
        }

    },
    //props方法一 */
    // props: ['cont'],
    // props方法二 */
    props: {
        propb: [String, Number],
        cont: {
            // type:
        }
    },
    methods: {
        fn() {
            this.$emit("changeC", "马萨拉蒂")
        }
    }
}
</script>

<style scoped>
.first-page {
    height: 100px;
    border: 10px solid #772aae;
    margin: 10px;
}
</style>